<!doctype html>
<html lang="en">
    <head>
		<!-- head start -->
		<meta name="copyright" content="Copyright (c) IBM Corporation and others 2010, 2019." >
		<meta http-equiv="Content-Language" content="en-us">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="icon" href="../images/edit.png" type="image/png">
		<title>Editor</title>
		<link rel="stylesheet" type="text/css" href="edit.css" />
		<script src="../orion/requireErrorHandler.js"></script>
		<script src="../requirejs/require.js"></script>
		<script>
			/*eslint-env browser, amd*/
			require(["../orion/require-config.js"], function(config){
				function load() {
					require(["edit/edit"], null, self.errback);
				}
				require(["orion/splash"], load, load);
			}, self.errback);
		</script>
		<!-- head end -->
	</head>

	<body id="orion-editor" spellcheck="false" class="orionPage lightPage">
		<!-- file input doesn't function properly on all web browsers if it is dynamically generated, we don't want the input to be visible or tabbable -->
		<input id="fileSelectorInput" type="file" multiple style="position:fixed; top: -100px; visibility: hidden;" tabindex="-1" aria-hidden="true"/>
		<nav id="sideMenu" class="sideMenu"></nav>
		<div id="pageContent" class="content-fixedHeight">
			<div id="sideMenuToggle" class="sideMenuToggle"></div>
			<section id="pageToolbar" class="mainToolbar toolComposite toolbarLayout"></section>
			<div id="innerPanels" class="innerPanels">
				<nav id="auxpane" class="auxpane sidePanelLayout hasSplit">
					<div class="fixedToolbarHolder sidebarWrapper">
						<div id="sidebarToolbar" class="sidebarToolbar mainToolbar toolComposite toolbarLayout"></div>
						<div id="pageSidebar" class="dropdownTrigger toolbarTarget sidebar"></div>
					</div>
				</nav>
				<div class="split splitLayout" style="left: 25%;"></div>
				<main id="rightPane" class="mainpane mainPanelLayout hasSplit">
					<div class="fixedToolbarHolder">
						<div id="editor" class="workingTarget"></div>
						<div id="replaceCompareTitleDiv" class="replaceCompareTitleDiv"></div>
						<div id="replaceCompareDiv" class="replaceCompareDiv workingTarget"></div>
					</div>
				</main>
			</div>
		</div>
		<div class="footer-fixed-bottom footer" id="footer">
		</div>
		<div id="contentassist" class="contentassist" role="listbox" tabindex="-1"></div>
		<div id="splash" class="splash">
			<div id="splashContainer" class="splashContainer">
				<div class="splashLoadingImage initial"></div>
			</div>
		</div>
		<script>
				var themeVal = localStorage.getItem("pageTheme");
				if (themeVal && typeof themeVal === "string" || themeVal instanceof String && themeVal.length > 0) {
					themeVal.split(" ").forEach(function(clazz) {
						if (!document.body.classList.contains(clazz)) {
							document.body.classList.add(clazz);
						}
					});
				}
		</script>
	</body>
</html>
